/***适配***/
.wap-open{display:none}
.overflow-width{min-width:800px}
@media screen and (min-width:1601px) {/***最小1301，大于1301***/
	.outer{width:70vw;margin: 0 auto;}
}
@media screen and (min-width: 1501px) and (max-width: 1600px) {
	.outer{width:80vw;margin: 0 auto;}
}
@media screen and (min-width: 1401px) and (max-width: 1500px) {
	.outer{width:90vw;margin: 0 auto;}
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
	.outer{width:95vw;margin: 0 auto;}
	/***栏目***//***清除pc***/
	.nav-tab:after{width:90%;}
	.nav-tab ul{padding-right:calc(2.0rem + 2.0vw)}
}
@media screen and (min-width: 901px) and (max-width: 1200px) {
	.outer{width:95vw;margin: 0 auto;}
	.wap-outer{width:85vw;}
}

@media screen and (max-width: 1200px){
	/***栏目***//***清除pc***/
	.nav-tab:after{width:100%;background:#014099;}
	.nav-tab ul{padding-right:0px;text-align:center;padding:calc(0.3rem + 0.3vw) 0px calc(0.1rem + 0.1vw) 0px}
	.nav-tab{margin-top:-5px}
	
	.ax-row[class*="my-split"], .ax-flex-row[class*="my-split"], .ax-flex-col[class*="my-split"] {display: block;}

}

@media screen and (min-width: 901px) {
	.wap-open{display:none}
}
@media screen and (max-width: 900px) {
	.outer{width:90vw;margin: 0 auto;}


	.nav-tab:after{width:100%;background:#014099;}
	.nav-tab ul{padding-right:0px;text-align:center;display:block;padding:calc(0.3rem + 0.3vw) 0px calc(0.1rem + 0.1vw) 0px}
	.nav-tab li{flex:block;width:33%;float:left}
	.nav-tab{margin-top:-5px}

	.index-nav{padding-right:0px;margin-bottom:calc(0.3rem + 0.3vw)}
	.index-nav ul{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap:calc(0.3rem + 0.3vw);}
	.index-nav a{margin-bottom:0px}

	.header-top{height:auto;position: fixed;z-index:10;background:#FFF;
	width:100% !important;padding:calc(0.5rem + 0.5vw) calc(1.0rem + 1.0vw) !important;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	}
	.header-logo a{display:block;height:100%;display: flex;align-items: center}
	.header-logo img{height:auto;width:calc(4.0rem + 2.0vw);vertical-align: middle;align-items: center;}
	.ax-header .ax-col{text-align:left}
	#menuDrawer{text-align:right;float:right;}
	#menuDrawer i{color:var(--word-color-2);font-size: var(--fsize-13)}
	.wap-height{height:calc(4.0rem + 2vw);}

	.info_previous_next_wrap dl:first-child{border-right:0px;border-bottom:1px var(--rgba-005) solid;)}

	/***右侧内容***//*清除pc*/
	.right-box1{width:100%;display:flex;}
	.picture1-banne{width:40%;}
	.picture1-banne p{background-size:cover;height:calc(0.0rem + 30.0vh);}
	.picture-list{flex:1;width:60%;top:0px;bottom:0px;background:#c5a960;height:calc(0.0rem + 30.0vh);
	padding:calc(1.0rem + 1.0vw);padding-top:calc(1.0rem + 1.0vw)}
	.picture-list li:nth-child(n+4){display:none}
	.about-pic{width:100%;height:calc(5.0rem + 15.0vh)}


	/***标题***//*清除pc*/
	.title-m1 h1{font-weight:bold}
	.title-m1 h1::before{height:3px}
	.title-m2 h1{font-weight:bold}
	.title-m2 h1::before{height:3px}
	.title-m3 h1{font-weight:bold}
	.title-m3 h1::before{height:3px}
	.index-xnav{width:100%;margin:0 auto}

	/***独立wap***/
	.my-wap-padding-top-1{padding-top:calc(1.0rem + 1.0vw)}
	.my-wap-margin-t1{margin-top:calc(1.0rem + 1.0vw)}	
	.my-wap-margin-b1{margin-top:calc(1.0rem + 1.0vw)}
	.ax-grid.ax-space-xxxl {margin: calc(-1.2rem/2) auto;}
	.ax-grid.ax-space-xxxl .ax-grid-inner {margin: auto calc(-1.2rem/2);}
	.ax-grid.ax-space-xxxl .ax-grid-block { padding: calc(1.2rem/2) calc(1.2rem/2);}
	.subnav-wap a{color:#bda77d}
	.my-wap-padding-1{padding:calc(1.0rem + 0.3vw)}
	.box-wap-bx{border-bottom:1px rgba(0,0,0,0.08) solid;padding-bottom:calc(1.0rem + 0.3vw)}
	
	/***导航开关***/
	main .content {margin-left: 0;padding: 0 1.4rem;box-sizing: border-box;}
	main .menu {
	display: none;
	box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.12);
	padding-left: 1.4rem;
	box-sizing: border-box;
	width: 25rem;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 620;
	height: 100vh;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #fff;}
	main .menu .ax-menu {width: 100%;}
	
	/***wap导航格式化***/
	.ax-menu li:hover > a .ax-name,
	.ax-menu li:hover > a .ax-legend,
	.ax-menu li:hover > a .ax-arrow { color: #a58b70;}/***wap开关样式***/
	.ax-space-header { height: calc(3.0rem + 2.0vw); }/***waplogo大小***/
	.ax-header .ax-logo {height: calc(3.0rem + 2.0vw); display: inline-flex; justify-content: center; align-items: center; }
	.ax-header .ax-logo img {max-width:auto;max-height:auto;margin-top:calc(0.0rem + 0.6vw)}

	.wap-close{display:none}
	.wap-open{display:block}
	.wap-memu{display:block;text-align:right}


	.ax-btmnav {
		background-color: #fff;
		background: linear-gradient(to right,#f03535, #ce0f0f) !important;
		box-shadow: 0 0rem 0 0 rgb(0 0 0 / 0%) !important;}
	.ax-btmnav a{color:#FFF}
	.ax-btmnav .ax-figure{font-size: 1.8rem !important;;}


	/*layout grid split*/
	.ax-row[class*="ax-split"],
	.ax-flex-row[class*="ax-split"],
	.ax-flex-col[class*="ax-split"] {
	display: block;
	}
	.ax-row[class*="ax-split"]:after,
	.ax-flex-row[class*="ax-split"]:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	.ax-row.ax-split > .ax-col,
	.ax-flex-row.ax-split > *[class*="ax-flex-block"],
	.ax-row.ax-split-1 > .ax-col,
	.ax-flex-row.ax-split-1 > *[class*="ax-flex-block"] {
	width: 100%;
	}
	.ax-row[class*="ax-split"] *[class*="ax-gutter"] {
	display: none;
	}
	.ax-row.ax-split-2 > .ax-col,
	.ax-flex-row.ax-split-2 > *[class*="ax-flex-block"] {
	width: 50%;
	float: left;
	}
	.ax-row.ax-split-3 > .ax-col,
	.ax-flex-row.ax-split-3 > *[class*="ax-flex-block"] {
	width: 33.33%;
	float: left;
	}
	.ax-row.ax-split-4 > .ax-col,
	.ax-flex-row.ax-split-4 > *[class*="ax-flex-block"] {
	width: 25%;
	float: left;
	}
	.ax-row.ax-split-5 > .ax-col,
	.ax-flex-row.ax-split-5 > *[class*="ax-flex-block"] {
	width: 20%;
	float: left;
	}
	.ax-row.ax-split-6 > .ax-col,
	.ax-flex-row.ax-split-6 > *[class*="ax-flex-block"] {
	width: 16.66%;
	float: left;
	}
	.ax-grid.ax-split .ax-grid-block,
	.ax-grid.ax-split-1 .ax-grid-block,
	.ax-grid-table.ax-split .ax-grid-block,
	.ax-grid-table.ax-split-1 .ax-grid-block {
	width: 100%;
	}
	.ax-grid.ax-split-2 .ax-grid-block,
	.ax-grid-table.ax-split-2 .ax-grid-block {
	width: 50%;
	}
	.ax-grid.ax-split-3 .ax-grid-block,
	.ax-grid-table.ax-split-3 .ax-grid-block {
	width: 33.33%;
	}
	.ax-grid.ax-split-4 .ax-grid-block,
	.ax-grid-table.ax-split-4 .ax-grid-block {
	width: 25%;
	}
	.ax-grid.ax-split-5 .ax-grid-block,
	.ax-grid-table.ax-split-5 .ax-grid-block {
	width: 20%;
	}
	.ax-grid.ax-split-6 .ax-grid-block,
	.ax-grid-table.ax-split-6 .ax-grid-block {
	width: 16.66%;
	}
	/*layout grid split*/

	  /*overflow*/
	  .ax-overflow {
		position: relative;
	  }
	  .ax-overflow.ax-done .ax-inner {
		padding-right: 3.8rem;
	  }
	  .ax-overflow .ax-inner {
		width: 100%;
		box-sizing: border-box;
		overflow-y: hidden;
		overflow-x: auto;
	  }
	  .ax-overflow:before {
		content: '\203A';
		font-size: 2.2rem;
		color: #198cff;
		width: 4.4rem;
		height: 100%;
		justify-content: center;
		align-items: center;
		overflow: hidden;
		box-sizing: border-box;
		background: linear-gradient(90deg, rgba(255, 255, 255, 0), #ffffff);
		position: absolute;
		top: 0;
		right: 0;
		display: none;
	  }
	  .ax-overflow.ax-done:before {
		display: flex;
		animation: ax-overflow 1s linear infinite;
	  }
	  @keyframes ax-overflow {
		0% {
		  text-indent: 2.8rem;
		}
		50% {
		  text-indent: 3.6rem;
		}
		100% {
		  text-indent: 2.8rem;
		}
	  }

}

@media screen and (max-width: 768px) {
	.md-close{display:none}
	.product-imgsclass .ax-space-xxl{grid-gap: 1.2rem;}
	.my-box-xxl .ax-grid.ax-space-xxl{grid-gap:1.0rem;}
	.ax-grid.ax-space-lg, .ax-grid.ax-space-xl, .ax-grid.ax-space-xxl{margin: 0 auto}/***wap导航格式化***/

.my-background-3{height:auto; }/*清除pc*/
	.my-pic-left{height:calc(10.0rem + 10.0vw)}
	.my-pic-right {height:auto}


}

@media screen and (max-width: 500px) {
	.sm-close{display:none}
	.outer{width:94vw;margin: 0 auto;}
	.info-from-wrap{color:#a6a6a6;font-size: calc(0.8rem + 0.5vw); border-bottom:1px rgba(0,0,0,0.05) solid;
	  clear:both;width:100%; text-align:left;
	  display: grid;
	  grid: calc(1.8rem + 1.8vw) / auto  auto ;}
	  .img-content img{width:100%}
}